<template>
  <div>
    <h2>{{ showLahu }}</h2>
    姓 :<input type="text" v-model="fillName" /> 名:
    <input type="text" v-model="lastName" />
  </div>
</template>

<script lang="ts">
export default {
  name: "index1",
  data() {
    return {
      fillName: "",
      lastName: "",
    };
  },
  computed: {
    showLahu() {
      return (
        this.fillName.slice(0, 1).toUpperCase() +
        this.fillName.slice(1) +
        "+" +
        this.lastName
      );
    },
  },
};
</script>

<style scoped></style>
